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DESIGNER’S STATEMENT 


As a designer, I will combine my creative ability with my educational skills to 
express innovative design for the contemporary marketplace. I envision 
creating a successful and inventive design business, the focus of which will 
be on the development of branding and layout solutions that incorporate 
the use of effective visual design. An important facet of my efforts will be to 
incorporate sustainable materials in my design productions. In my life, I have 
learned the importance of tenacity and compassion. I will inspire individuals 
and businesses to never say never. By example, I will teach the myriad benefits 
of compassion in life and in business. 



TOPOLOGY OF BRANDMARKS 

IDENTITY AND SYSTEMS DESIGN 


This project introduced me to the typology of brandmarks and how they align 
as a cohesive set of graphic images. I choose five locations on the Metropolitan 
State University of Denver campus. I then documented the locations through 
photography, sketching, diagramming and color studies. After my evaluation 
of research I designed five brandmarks, including: a wordmark, a letterform, 
an emblem, a pictorial mark, and an abstract mark. 

I considered several factors when choosing my five locations. The first was 
relevancy: how relevant was the building to my experience as a student on this 
campus? For this reason I decided to choose buildings that were directly 
associated with Metropolitan University. These buildings included: Metro’s 
Student Success Center, the Auraria Library, the theater department’s King 
Center, the Emmanuel Gallery and the Tivoli Student Union. 
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photography on right 
Tivoli Building 
Tivoli Silo 
Student Success 
Auraia Library 
Emmanuel Gallery 
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King Center 


2 
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TIVSLI 

No 


WORDMARK 

TIVOLI STUDENT UNION 

The Tivoli Student Union was once home to the Tivoli Brewing Company, 
which was built in 1882. In 1969, the Brewery closed for buisness and sat 
abandoned until the 1980s when it was turned into a shopping mall. The 
building currently serves as a student center for students from all three Auraria 
campuses: MSU Denver, CU at Denver and CCD. Historic features of the 
brewery still remain, such as, brewing kettles and a barrel lift. 

After my research concluded I decided to design the Tivoli’s brandmark as 
a wordmark. To me, the Tivoli represents a hub for students from the three 
Auraria Campus universities: Metropolitan University, Community College 
of Denver and University Colorado at Denver. I started by sketching various 
lockups that could resemble a transportation hub. I started noticing a pattern 
in the formation of my designs: a circular focus around the “O.” After several 
iterations I landed on a broken circular with a smaller whole circle in the 
middle. The next step was trying to seamlessly fit the two broken parts of the O 
with the V and the L. This was done by customizing the entire wordmark. The 
V had to be curved so that it would dump into the O’s structure. The L had to 
be expanded as so the stem would fit the curvature of the O. Individual kerning 
had to be applied so that the mark was kept tight and distinguishable as one 
unit. The final mark appears as both black and white and in color. 


I chose a particular shade of red for the Tivoli wordmark. My intention was 
that red would convey energy and movement, both of which are very much 
associated with the Tivoli Student Union. 


ABSTRACT 

AURARIA LIBRARY 



The academic library at Auraria was established in 1976 and hosts more 
than 25,000 students from Auraria’s three campuses every week during the 
academic year. The building was designed by architect, Helmut Jahn and has 
been recognized for its enduring quality, which has stood the test of time. The 
library houses more than 790,000 print and electronic books along with 580 
journal and newspaper subscriptions. 


After my research concluded I decided to design the Auraria Library’s 
brandmark as an abstract mark. I reviewed photos of the library’s exterior and 
discovered visually interesting patterns with the “shingle” styled walls. When 
looking at the exterior facade of the library it appears that the walls are made 
of varying sizes of awnings. These awnings in turn create a scaly appearance. 
This is the main reason I decided to allot my abstract mark for the library, 
because the outside architecture already has an abstract visual appearance. I 
decided to try and capture the receding shingles of the architecture in a simple, 
visually symbolic way that would also be easily recognizable. The abstract mark 
is also meant to mimic the turning of paper pages, perhaps the ones found in 
a library book. 


I chose a particular shade of orange for the Auraria Library’s abstract mark. 
This shade of orange should convey concentration and focus, both of which 
are aspects of the Auraria Library experience. 




Identity & Systems 


Topology ofBrandmarks 


EMBLEM 

KING CENTER 



The King Academic and Preforming Arts Center (KAPAC) building was 
established in the fall of 2000. The King Center encompasses six preforming 
art spaces: a concert hall, a recital hall, a courtyard theater and three 
production studios. The King Center is dedicated to the education and 
development of students studying preforming arts. 

After my research concluded I decided to design the King Center brandmark 
as an emblem. This meant that I would design an accompanying shape for 
the King Center lettering. I decided to explore the option of a simple, almost 
abstract square shape, one of which could mimic a stage. Wrapped around the 
“stage” are the words king and center. The word king is bleeding off the top 
of the square shape, giving the mark more dynamism. The angular lines of the 
stage also seek to mimic the angular architecture found on the North side of 
the King Center. This architecture resembles the outer facade of a stage and the 
three-quarters view of the building also helps to speak to this angularity. 

I chose a particular shade of purple for the King Center emblem. This shade 
of purple speaks to the old adage that purple represents royalty and therefore 
could be used to represent the elite society which has enjoyed the theatrical 
experience for centuries. 


PICTORIAL 

STUDENT SUCCESS CENTER 



Metro’s Student Success Center acts a student resource destination for the 
various avenues of higher education, including: academic advising, admissions, 
cashier, and financial aid. The relatively new structure was built in 2010, and 
cost $52 million dollars. The cost of the project was approved by students who 
agreed to raise their tuition to support funding for the building. Like most of 
the Auraria Campus, the Student Success Center resides in what use to be a 
residential area. 

After my research concluded I decided to design the Student Success 
brandmark as a pictorial mark. After I found the most interesting angle from 
which to take a photograph, I blew up the picrure in Illustrator and proceeded 
to trace the building’s most interesting attributes using the pen tool. After 
I outlined the North side of the Student Success Center I needed to decide 
which, if any, windows I would include. The entire building is practically 
made up of glass windows but I was able to detect two main windows in the 
upper right corner of the building, which I included in my illustration. I then 
filled in half of the structure with black fill at a diagonal. This helps to balance 
the empty shapes with one another. 

I chose a particular shade of green for the Student Success Center pictorial 
mark. This shade of green speaks to the assumption that green represents 
success, hence the name Student Success Center. 
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illustration on left 
Emmanuel Gallery 


LETTERFORM 


EMMANUEL GALLERY 



The Emmanuel Gallery was built in 1876 and is Denver’s oldest church 
structure. The gallery served as a pillar in the Jewish community and was 
known as the Tenth Street Shul. In 1958 the synagogue was sold and in 1969 
the structure became known as the Emmanuel Chapel. In 1973 the chapel 
began to serve as a gallery for the Auraria Campus and became known as 
the Emmanuel Gallery. The gallery currently has an urban setting and offers 
opportunities for students and faculty to display their work in the fields of 
design and art. 

After my research concluded I decided to design the Emmanuel Gallery’s 
brandmark as a letterform. The mark is simple enough: an E and a G 
interlocking with one another as the G’s crossbar mimics an arrow, which is in 
turn pointing to itself. This is meant to convey that the Emmanuel Gallery is 
the gallery to be when thinking about on campus spaces for student art. The 
angles of the E and G have also been rounded, while the G’s crossbar hangs 
onto its angular shape. The arrow within the G is more easily recognizable 
with hard corners since it is surrounded by soft shapes. 


I chose a particular shade of brown for the Emmanuel Gallery’s letterform. 
This shade of brown is meant to be neutral and convey a sense of a blank can- 
vas. Brown has always been a neutral color, reminiscent of nature and earth. A 
neutral color tone is precisely what fits the Emmanuel Gallery’s brandmark. 
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USTEM BRANDING & COLLATERAL 

IDENTITY AND SYSTEMS DESIGN 


The Center for Advanced STEM Education was established by Dr. Larry S. 
Johnson and Dr. Joseph Raab in 1993 to serve Colorado schools by offering 
programs and services in math, science, and environmental studies. One of the 
goals of the center is to have math and science taught in a more activity- 
oriented way. Dr. Johnson, former director of the center, believes that students 
have a better chance of retaining information if they participate in an activity, 
rather than have a teacher just tell them the facts. The Center for Advanced 
STEM Education is part of the Metropolitan State University of Denver’s 
College of Letters, Arts and Sciences. 

I took a literal approach to building the USTEM logo. I took the words: 
science, math, technology and mathematics to heart and began brainstorming 
the various ways I could represent these facets in a singular concise way. 

By accident, I separated the numeral eight into two halves, and felt like it 
might make a good container for the other symbols to be housed in. After 
determining that the halved eight could be a part of the logo solution I began 
fitting smaller icons within the halved eight. The smaller icons consisted of a 
beaker for science, two computer sockets for technology, a gear for 
engineering and a square root symbol for mathematics. I then fit each symbol 
into a smaller circle in order to add syntax to the mark. 

The colors were chosen from an already existing composition of mine. I felt 
that the right color palette should speak to both educators and students, as well 
as those in the community who are interested in funding the USTEM project. 
The dark background green/gray color allows the other colors of red tan and 
purple to better stand out. 



Identity & Systems 


USTEM 
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brochure 
inside /outside 
panels 

brochure 
outside panel 


poster 


Featured here is the interior 
of the brochure along with the 
accompanying outside graphics. 

Featured here is the outside 
panel of the USTEM brochure. 
The outside colors of the 
brochure contrast nicely with 
the lighter interior pages. 

USTEM poster is featured. 
This graphic would hang 
inside university buildings. 

It would be geared toward 
students in math and science. 




Building a Community of STEM Excellence 


Colorado Alliance for Minority 
Participation (CO-AMP) 

Summer Science Scholars (SSS) 

Summer Science Institute (SSI) 



phone 303/556/4346 

fax 303/352/4396 

email lsivertlQmsudenver.edu 

www.msudenver.edu/ustem 


The Center for Advanced STEM Education’s (CASE) main 
mission is to encourage students of all grade levels to earn 
undergraduate and postsecondary degrees in the STEM 
Disciplines. The Center has three programs: Colorado 
Alliance for Minority Participation (COAMP) for students 
attending MSU Denver, Summer Science Scholars (SSS) 
for high school students, and the Summer Science Institute 
(SSI) for middle school students. 




Metropolitan 

STATE UNIVERSITY- 

Of OtNVCI 
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brochure outside panel 

The outside panel of the USTEM brochure 
features partner schools and organizations as 
well as program highlights and student projects. 
The outside panels of the brochure are meant to 
be more eye-catching than the interior pages. 



brochure interior panels 

Featured inside the brochure is the title, “What 
is USTEM, What are USTEM s goals and 
outcomes, as well inforamtion on the campus 
NSF team. NSF being the National Science 
Foundation. 
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SPRING AWAKENING 

THEATER PRODUCTION & COLLATERAL 


Spring Awakening is a rock musical with music by Duncan Sheik and book and 
lyrics by Steven Sater. It is based on the German play, Spring Awakening (1891) 
by Frank Wedekind. Set in late- 1 9th-century Germany, the musical tells the 
story of teenagers discovering the inner and outer tumult of teenage sexuality. 
In the musical, alternative rock is employed as part of the folk-infused rock 
score. The play itself was written during the German Expressionist period and 
therefore has a dark and wondrous tone. 

I chose German Expressionist portraits as my main influence. I was attracted 
to the dark bold lines found in engravings, this is what inspired my poster’s 
main image of a boy’s grizzly face. I also incorporated several elements from the 
musical within the imagery of the poster including the dark and mysterious 
forest and the implication of teenage love and lust. 




Max Pechstein 
painting 


Erich Heckel 
Portrait of Man 1919 




Emil Nolde 
lithograph 


Max Pechstein 
Seated Nude 1910 


imagery above 


sketch of female leg 
sketch of abstract hayloft 
sketch of young girl at graveyard 


POSTER IDEATIONS 

COLOR STUDIES 

Initially, I incorporated several additional aspects of the musical within my 
poster. These additional aspects included a full horizontal-scale of a tree 
line, tree branches, a hay loft and whimsical gestures within the boy’s hair. 
After receiving great feedback I realized that there was too many aspects of 
the musical at play and decided to trim it down to what was essential. This 
left a small, fraction of trees, the young woman getting dressed and the 
boy’s face. Making this decision also allowed for more space for the title 
and other text. My color palette was inspired by Max Pechstein’s colorful 
portraits of young nudes. I wanted the palette to convey high energy, 
movement and most importantly, Rock n’ Roll. Therefore, even though I 
loved color palette number one, these colors were not the right ones for 
conveying the music’s mood. This is why I chose color palette number 
two: high energy and uplifting yet edgy enough to convey teenage angst. 


imagery on right 


initial poster ideation 
initial color studies 
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Spring Awakening postcard and envelope 

The Spring Awakening postacrd and envelope 
set is a truncated version of the full length post- 
er. Recipients of the poster can find all of the 
musicals critical information including time 
and place, ticket prices and how to purchase, as 
well as disclaimers about young children. 



Partial funding for mis production provided by 
Metropolitan State University of Denver Student Fees. 


Based on the play 
by Frank Wedekind 

Eugenia Rawls 
Courtyard Theatre 

September 29-October 1 at 730pm 
October 6-8 at 730pm 
October 9 at 2:30 p.m. 

Tickets: 303-556-2296 
www.ahec.edu/boxoffice 


N 


Spring Awakening poster 

The Spring Awakening poster is a German 
Expressionist inspired poster. It is meant to 
convey high energy through its bright color 
palette while also suggesting angst and 
hardship. The poster is meant to capture this 
delicate juxtaposition. 
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www.ahec.edu/boxoffice 


State University of Denver’s Theatre Department and Music Department 

ty\etropo' lta 


ic by Duncan Sheik 
& Lyrics by Steven S a f< 


A Service Ex^riancs Trrojsh 

Mvtropotnn $Mt» U'wwstV 0* 







r\\/ 






Blue Velvet: Love Letter was a kinetic typography 
project and was my first tour ofAfterEffects. L chose a 
monologue by Dennis Hopper in David Lynch’s film, 

“ Blue Velvet. ” Dennis Hopper plays a psychopath who 
is obsessed with a woman who is obsessed with another 
man-the same man Dennis Hopepr’s monologue is 
directed towards-Kyle MacLachlan. In this scene 
Dennis Hopper is being nonsensical and malicious: 
telling MacLachlan he had better be a good neighbor 
to Isabella Rosolini, when Hopper knows they are not 
neighbors. That’s why he kidnapped MacLachlan. 


opposite page Hopper is telling Maclachlan 

tv top left where love letters come from, 

“ Straight from my heart 
fucker!” Classic Hopper. 

opposite page Hopper is saying that a love 

tv top right letter is like a bullet from 

a fucking gun. Very fitting 
considering he feels he is 
loosing the squeeze of his life. 



kinetic typography Blue Velvet:Love Letter 






As the scene escalates, Dennis Hopper becomes more 
and more crazed. He is now screaming at MacLach;an 
that, “...it’s like a bullet from a fucking gun, fucker!” 
MacLachlan does a great job of playing it cool while 
this loony screams his sorrows directly into his face. 

This shot was fun to design because I had to simulate 
the word gun being hit by two bullets. When the 
dialogue finally says, “ Fucker ” the syllables are matched 
with two splats-as though the word gun were really 
shot dead. 



This is towards the end of the scene when Dennis 
Hopper is screaming at MacLachalan that if he ever 
receives a love letter fiom him (Dennis Hopper) he 
will be fucked forever. The scene started out with 
Hopper coating his lips with thick lipstick only to kiss 
and smooch MacLachlan all over the mouth. The two 
characters stare awkwardly at one another with pink 
lipstick all over each others mouths. The scene ends 
with Hopper grabbing MacLachlans face and pulling 
him in close only to almost kiss him once again. You 
can see the jealousy oozing fiom his eye sockets as he 
trembles and tells MacLachlan how fucked he is for the 
countless time. 


kinetic typography Blue Velvet: Love Letter 




FOOD ACCESS JOURNAL 

DESIGN RESEARCH METHODS 


The introduction to our team’s problem is as follows: Certain communities 
in Denver do not have efficient access to healthy food vendors. Unhealthy 
lifestyles lead to rising health care costs and a lower quality of life. As a result, 
these problems concern everyone-not just the residents of food deserts. The 
issue is: to identify and suggest solutions for problems associated with 
limited-food-access in North Denver’s food deserts. The primary problems 
with food desert communities is (l)access and (2) education. North Denver 
food deserts are characterized by limited availability to healthy food 
vendors. Our design objective was to see an increase in the quality of food 
made available to Denver’s food desert residents. This would alleviate the 
ill effects of food deserts in Denver. We also wanted to see education being 
addressed within our solution. Access to healthy food vendors is meaningless 
without community education to the benefits of healthy food. Our objective 
is to identify the communities awareness of the problem of limited food access 
and the benefits of healthy food and to determine methods of education. 
Where does DUG (Denver Urban Gardens) operate within North Denver 
food deserts? Does DUG contribute to the education of the benefits of healthy 
food? Additional issues to consider: Governmental programs play an integral 
part to the problems and solutions of food access in food desert communities. 
The role of legislative entitlement programs(WIC, CAFP, SNAP, TEFAP, and 
FDPIR) must be considered in a complete analysis of the issues above. There 
are current policies in place which try to assist residents with food access but 
they are not complete solutions-even when consistently working in 
conjunction with one another. 


Potential Shareholders: 

Residents; 

SNAP recipients; 

Denver health care system; 

Denver tax payers; 

Food vendors. 

imagery on right 

Church’s Chicken 
Clayton Neighborhood, Colorado Blvd 
Denver, CO 



design research methods food access journal 




top left 


Consent forms for class 
interviews. Pattern designed 
by Elizabeth. 

bottom left Food Desert Journal cover. 

Represented is the food 
pyramid in the journal’s color 
palette. There is no text. 

opposite page Food desert summary. A 
top left twelve column summary of 

the food access problem thus 
far, and initial proposed 
design solutions. 


opposite page Tool kit is presented. Student 
bottom left had to make one interactive 
toolkit during the semester 
which shed light on the 
problem and the need for a 
solution. Out teams toolkit 
spoke to the average consumer. 



opposite page Visit to the GrowHaus 
top right documentation. Kayla 

Birdsong was our out-oft class 
interview. She is the director 
of the GrowHaus. 


opposite page Diagram of design solutions: 
middle right included is a “community 

driven” transportation service 
to local food vendors as well 
as educational classes and 
seminars available to residents 
so that they may make better 
food choices on their own. 


opposite page This spread includes a revised 
bottom right design research question. 

Initially the teams question 
wanted to know if residents 
were aware of the food access 
problem, and it turned out 
they were. We changed the 
question to how we could 
bring more access. 




design research methods food access journal 
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This visual summary serves as a synopsis for the project thus far. 
Included are original mindmaps and ideation as well as thick 
initial descriptions and observations of Clayton neighborhood. 

Also reflected is the construction of the interactive toolkit, 
positive and negative personas, improvisation activity, in-class 
and out-ofl class interviews with both Kayla Birdsong, director of 
the GrowHaus and Dustin Moyer, policy reviewer for Colorado 
Health. Finally, the visual summary addresses the revised 
research question my team and I developed. 



I ORIGINAL MINDMAPS I 


Originally, food access 
was categorized in the 
HUMANITY sphere of 
the community issues. 

Definition: Access to 
the elements that are 
necessary to human life, 
including food, shelter, 
water. 

Contextual Issue: 

These elements are 
required to sustain life, 
yet they are often not 
consistent and there os 
often not equal 
access to them. Access 
to grocery stores, and 
affordable healthy food 
and access to water are 
among these. 

Low income areas do 
not always have 
access to grocery 
stores. These areas 
are known as FOOD 
DESERTS. Denver’s 
Elyria-Swansea neigh- 
borhood is located with- 
in a food desert. Fresh 
food is unavailable in the 
immediate vicinity of this 
neighborhood. 


“A thick description of a 
human behavior is one 
that explains not just the 
behavior, but its con- 
text as well, such that 
the behavior becomes 
meaningful to an 
outsider.” 

The “behavior” of food 
deserts are identified as 
parts of the country de- 
void of fresh fruit, vege- 
tables, and other healthy 
foods. Characteristicaly 
in impoverished 
areas, this phenomenon 
is mostly due to a lack of 
grocery stores, 
farmers’ markets and 
healthy food providers. 

The “meaningful 
context” is that healthy 
food providers are in 
buisisness to make 
money. Developing 
markets in 

impoverished areas is 
counter to the 
business objective of 
most providers. 


OBSERVATIONS! 


Each team member 
observed one of the 
specific neighborhoods 
mentioned in the design 
brief. Observed here is 
Clayton Neighborhood 

It is a square mile 

radius neighbirhood 

There is one grocery 
store: AMart Cash And 
Carry Wholesale 

There are five corner 
stores including two 

7-1 Is and a Conoco. 

There is one resturant: 

Church’s Chicken 


THICK DESCRIPTION 


There are twenty- 
seven bus stops in the 
neighborhood.They are 
located on the major 
avenues of Clayton. 


tive toolkit wtiichTirther 
eases out information 
from its reciepent is also 

Part of the process to 
better understand food 

deserts in Denver. | n 
order to to better high- 
light the issues concern- 
ing food deserts team 
members developed a 
toolkit which explores 
the foods people eat 
and the stores at which 
they shop. 

1] From a list of twenty 
food items participant is 
asked to rank five of the 
items form least appealing 
to most appealing. (Food 
choices include: 
avacados, cereal, burritto, 
fried chicken etc.) 

2] From a pictoral list of 
nine food items shown, 
participant will circle the 
similar food items they 
have eaten in the past 
week. 

3] Particpant circles, from 
a list of four stores, which 
grocery strore they 
frequent. 

This toolkit was 
originally intended to be 
distributed to residents 
living in a Denver food 
desert. Flowever, 
because of ligistic 
problems in doing that 
the team decided to 
have Kayla Birdsong, 
Director of Food 
Distribution from I H E 
GROWHAUS complete 
the tookit instead. 


TOOLKIT CONSTRUC. 


As a part of the process 
to better understand 
North Denver’s food 
deserts the team 
created an improvisa- 
tional game for class 
participants to take part 
in. The game is as 
follows: 

1] Participants pairoff. 
Each team is given a 
persona they have to keep 
in mind while playin the 
game. The personas are 
based on residents who 
live in Elyria-Swansea. 
Teams are asked to de- 
sign a grocery list for 
dinner based in this 


2] Teams draw a card to 
determine what type of 
transportation they will take 
to the store, (walk, bus, 
bike, drive) 

3] Teams are given a bud- 
get to shop. Teams must 
decide which store they 
can make it to depending 
in their mode of transpo- 
ratiton and their budget. 
The choices in store were: 
7-Eleven, Dollar Tree, 
Comer Market and 
Safeway. 

RESULTS: 

Teams made extavagent, 
fun, and extensive 
lists for the meals they 
wished to prepare. As a 
whole, teams were con- 
cerned with how far they 
could make it with their 
mode of transportaiton 
and therefore not one 
team made it to Safeway 


IMPROVISATION 


Interviewed thus far: 
Kayla Birdsong, who 
is the Director of Food 
Distribution at THE 

GROWHAUS in the 

Elyria-Swansea Neigh- 
borhood. 

The team interviewed 
Ms. Birdsong and had 
her complete the as- 
signed toolkit. 

Among the several 
questions asked were: 

1] Do the residents of 
Elryia-Swansea know 
that they live in a food 
desert? -Her answer in 
this case was a strong 
yes, that the residents 
knew that where they 
lived there was no food 
and that it is a prob- 
lem. She said that the 
reidents do not know 
where to begin in ad- 
dressing the problem 
though. This is part 
where their organiza- 
tion, THE GROWHAUS 
comes in to assist in 
bridging the communi- 
ty with the local policy 
makers in the region. 
Scheduled to be 
interviewed April 29 for 
the in-class interview is, 
Dustin C. Moyer. Mr. 
Moyer reviewed policy 
options for Denver 
regarding food desert 
communities in the area. 
Tentative questions in- 
clude: What is the Colo- 
rado Helath Foundation 
doing to address food 
deserts in North Denver? 


ORIGINAL ISSUE: 


How does limited food 
access affect the Elyria- 
Swansea, Cole, and 
Clayton neighborhoods 
of North Denver, and to 
what extent are 
residents aware of the 
issue and are they 
interested in a solution? 

KNEW ISSUE: 

Knowing that the 
residents in the 
Elyria-Swansea 
area of North Denver 
are aware of the food 
access problems in 
their neighborhood and 
desirous of change, 
how can the team use 
the data we have col- 
lected to help residents 
to identify and imple- 
ment solutions? 


REVISED QUESTION 


Visual Summary 


Food Access 


Design Research Methods Food Access Journal 










FATHERBOARD TRAVEL APP 

UI/UX DESIGN 


Students will create an idea for an iPhone app that deals with travel in some 
way. Is it an app for air travel, is it a car service, is it for delivery? It’s up to you. 
As long as it’s something that gets either people or a product from one place to 
another. 

After defining what your app will be, create 2-3 personas that speak about 
the type of audience that will use your app and how they might use it. Using 
Illustrator, create a sitemap and wireframes of your app. Feel free to have as 
many pages needed to create a complete app, but there must be at least 5. 
Using Photoshop, create finished designs of all the pages that will be included 
in your app. This also includes a logo and brand style. Then create a click-path 
of the finished app in Invision and annotate the interactions. 

In this case, Fatherboard is an electronic repair service that comes to you, 
whether that be at your home or office, Fatherboard can schedule an expert’ to 
come to you and fix you phone computer and more! 
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(1) site map 
(2) scheduling page 
(3) profile page 
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FATHERBOARD 

HOMEPAGE 


The homepage of Fatherboard consists of the company logo 
and name, user sign-in and new user registration. The 
background is a Photoshoped image of a computer’s 
motherboard or harddrive, hence the name, Fatherboard. 
The app’s landing page also features the full color palette: 
orange, dark gray, and light gray and a hint of black. 
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This image features the app’s profile page. The profile 
page consists of the users profile picture, inbox, 
available services and a history of the users activity. 

The bottom half of the page is dedicated to what type 
of service the user needs. Does the user need their phone 
repaired? Do they need to address their network or 
computer? This is where that need is specified. This 
page is intended to feel like homebase for the user. One 
of which they can revert back to at anytime in order to 
re-navigate the app. 



(1) Fatherbaord’s ‘ Select Your Device page allows 
users to select the type of device they need fixing. If 
the device that needs fixing is a phone, what type of 
phone does the user own? (2) This screen allows the 
user to distinguish what type of damage has been done 
to their device and lets Fatherboard experts know how 
to prepare. (3/4) This central image depicts the app’s 
expert availability page. This page consists of all of the 
various experts in that particular user’s area whom 
are available to provide service. The first expert listed 
is the expert closest to the user’s location. The expert’s 
user rating appears to the right of their profile picture 
and is depicted with the app’s logo, Darthvader. An 
expert’s best rating could potentially be five Darthvader 
heads. While on this page a user can also make contact 
with an expert by way of a phone call, a text or by 
scheduling an appointment through the app’s calendar 
function. (5) The concluding page to the Fatherboard 
app is the rate and review page. This is where a user 
can rate their experience with their expert. There are 
two modes of review: a “star” system with a range of 
one star or five stars, five stars being the best and one 
being the worst. 
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THE 33 GROUP 

IDENTITY & SYSTEMS 


The 33 Group is a 501(c)(3) tax-exempt, non-profit corporation, recognized 
by the IRS. We are a group of dedicated people committed to creating a 
continuum of affordable, accessible and effective residential recovery 
services to help alcohol and drug dependent individuals recover in 
Colorado. Our mission is to improve the quality of life for individuals, 
families and communities affected by alcohol and drug dependency by 
providing affordable, effective educational services grounded in the Twelve 
Step principles of Alcoholics Anonymous (AA) . 

The 33 Group’s objective is to provide an innovative and low cost, highly 
effective residential recovery facility. 

Treatment I Affordabiltiy I Access I Improvement 

The 33 Group was in need of a logo concept and subsequent printed collateral. 
(Business cards, brochure, letterhead and website) The non-profit had just 
formed at the beginning of the year and had not done much fundraising. They 
were wanting printed collateral to take with them when trying to raise money. 
This meant that the logo and collateral needed to be friendly and approachable 
while also being easily legible and understandable. People would be looking at 
these materials and possibly basing their donations on them. 




imagery 

(left) sketch ideations of mountains and 
Alcoholics Anonymous iconography 

( right) typeface explorations and 
modification of Charter typeface 


Edmondsans 


Charter 


abcdefghijklmnopqrstuvwxyz 

ABCDEFGHIJKLMNOPQRSTUVWXYZ 

abcdefghijklmnopqrstuvwxyz 

ABCDEFGHIJKLMNOPQRSTUVWXYZ 

1234567890 

The 33 Group 

33 

Charter Unmodified 

no 

Angle reduction 
Softening of corners 

Ou 

Charter Modified 
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WORDMARK WITH GRAPHIC & EMBLEM 


The finalized wordmark and emblem incorporate the iconic Flatirons of 
Boulder, Colorado. The wordmark may be used alone or in tandem with 
the mountain graphic. The 33 Group’s emblem may be used alone or as 
a lockup with the group’s name underneath. The emblem is encased in a 
circle to give it a clean concise look and feel. The wordmark is meant to be 
used at the top of a letterhead or in the upper right hand corner of a busi- 
ness card. The emblem could serve as a stamp at the foot of the letterhead 
and as a central graphic on the reverse side of the business card. 


The 33 G 


roup 
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roup 


imagery 


featured above is The 33 Group wordmark 
and The 33 Group wordmark with graphic. 
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imagery 

( above j Featured is The 33 Group’s emblem 
and emblem with lockup. 

(right) Featured is The 33 Group’s color 
palette. It is a friendly palette that conveys 
health and sustainability. 


33 


33 


33 
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brochures 

(top) A cream colored brochure with organic 
imagery, leaves the viewer with a clean and 
healthy feel. 

(bottom) A more graphic approach to the 
brochure, this concept has a more youthful, 
edgery feel. 




business card & letterhead 

(top)The 33 Group’s business card features 
the wordmark with graphic along with the 
emblem on reverse side. 

(bottom) The 33 Group’s letterhead features the 
wordmark and graphic in upper right hand 
corner along with emblem below signature. 


identity & systems 


The 33 Group 




DBT SUCCESS KIT 

INTEGRATED PRODUCTION 


This integrated production course asked for two things when considering 
what type of kit I would produce. One, is that the kit should address a social 
need. Two, the social need should be solvable, or at least addressed by the kit. 
This meant that the kit could not solve world hunger or alleviate outstanding 
student loans for the user. This was the most challenging aspect of the 
semester-long project: what type of kit could I construct on my own that 
would viably solve or take steps towards solving a real social need. 

After I decided to go in the direction of a therapy kit I started sketching 
symbols that conveyed humanistic growth. The symbol most readily available 
to convey this, in my opinion, was the tree. A tree is able to suggest a natural 
simplistic quality and paired with the image of a brain I felt that this train of 
thought could go a long way in determining my kit’s logo. 

I initially started sketching brain patterns in order to develop the thought of 
a brain tree. The parts of the brain which resemble a web or intricate lines is 
called the gyrus, while the grooves between these lines are called sulcus. These 
two part of the brain are what inspired me to think of the brain as a tree. These 
squiggly lines represented a plant’s roots so matter of factually that all that was 
really needed to convey the brain as a living growing and breathing human 
organism was the trunk. But how to seamlessly incorporate a trunk within the 
fine delicate structure of the brain was what became the challenge. I completed 
several variations of tree-brain structures before I came onto what seemed like 
an efficient technique. The efficient technique became deigning the tree and 
trunk first and only later placing the separately drawn brain in the little nest 
I allotted within the tree trunk. I then fused the two images as best I could in 


illustrator. I received help from my instructor in understanding how to more sketches 

efficiently turn my sketches into vector objects. The tree-brain really turned 

out nicely, aesthetically speaking, and I also feel that contextually speaking it puzzle piece 

turned out well. The mark is inviting warm and friendly. The mark is brain side view, 

nurturing while also being educational. Overall, the mark is a large component tree trunk rings 

of the kit while also being a successful voice for a DBT program. braintree 


smaller brain tree 



logo ideation Due to the fact that DBT therapy is a practice and 

exercise of the mind I wanted to incorporate a brain 
with some other element that suggested growth and 
stability. This is why I gravitated towards a brain- 
tree icon. I felt that since the topic of DBT therapy 
is private and usually surrounds an uncomfortable 
situation for the client an organic icon could be 
reassuring and or comforting. 


I initially started with the patterns found within a 
tree-trunk, thinking that the lines could also play 
a role within some of the other imagery I chose to 
include. I moved away from this ideation towards 
including more of the tall, strong and always stag- 
nate image the vertical shape of a tree trunk ignites. 

I also considered using puzzle pieces within the kit’s 
logo. I thought puzzle pieces could convey certain 
skills which people in DBT work towards. People in 
DBT usually find their own way of doing the skills. 
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DBT KIT 

COLOR SCHEME & LOGO DESIGN 

After the logo came into place I concentrated on an appropriate color 
scheme. I wanted the colors to be inviting while also holding the product 
out to be a scientific tool used by therapists. I started with a light blue and 
built off of it color by color. The dark gray was chosen to implement a 
sense of authority and boldness, while the yellow added a touch of friendly 
familiarity and the blue a sense of peacful reflection. 

The next step was designing a secondary graphic or pattern that I could 
implement on much of the kit’s collateral. I decided to try a triangular 
pattern. Triangles have a lot of secondary meaning for various medical 
groups as well as addiction recovery programs. The triangle pattern lent 
itself to the workbook cover and medallion holder. It has also found a 
place as the opening spread of this project within my portfolio book. 



production design DBT Success Kit 




literature 

Featured above is the workbook, journal, 
bookmark and starter guide. These materials 
are held together by a yellow ribbon-which is 
indicative of support. 



literature expanded 

Featured above is the starter guide expanded 
along with a clear view of the bookmark, 
journal and workbook. 
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literature continued 


( l) journal cover (2) journal interior 
(3) workbook cover (4) workbook interior 



DBT success cards 


Great for ‘on the go’ skills training 
Cards include DBT skills and exercises in a 
convenient fun package. Includes 52 cards. 


production desig t 


DBT Success Kit 
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DESIGNER INFLUENCES 



Jeremy Schneider and Violaine Orsoni met, fell in love, quit their jobs, and 
started the Parisian graphic design and illustration studio, Violaine & Jeremy. 
That right there is enough to admire about this duo-who doesn’t want to fall in 
love and start a successful design studio? This dynamic duo has a real talent for 
elaborate illustrations which, when paired with minimalist typography, com- 
pliment each other like two people in love. I am drawn to their studio’s work 
because it incorporates a Saul Bass minimalist feel with Alexey Brodovitch’s 
layouts and compositions. I actively try and pair my own illustrations with 
complementing and subtle typography and or layouts. I also actively try and 
pair my typography with a subtle or non-competing illustration and or layout. 



Stephan Sagmesiter’s work is known for mixing design with sexuality and 
humor. Sagmeister is recognized for his unorthodox and provocative designs. 
He often alters the status quo and questions a designer’s role in society. 
Sagmeister is able to appeal to the senses through his use of typography, 
environmental art, conceptual exhibitions and video. Sagmeister himself is 
work of art due to how he conducts himself as a designer, he often 
photographs himself within his work Stephan Sagmesiter’s designs have 
influenced how I approach my audience through my work. I often take a 
humorous tone when I can, and when it is appropriate. I find that I am more 
engaged with the process if there is an air of lightheartedness. Recipients of 
my work have enjoyed the final comedic spin I put on the work at hand, again 
only if it is appropriate. Subtly tying humor in with design is conceptually 
difficult but it shows you are able to make abstract and sometimes meaningful 
connection to something else. 



Saul Bass is historically known for his motion picture title sequences, film 
posters and corporate logos. His iconic minimalist style allowed for him to be 
an internationally recognized graphic designer who is still referenced today. 
Saul Bass’ designs have influenced the content and decisions I make within 
my own work. I try and keep unnecessary information that has the potential 
of cluttering a design to a minimum. Bass’s work has also influenced the look 
and feel of certain illustrations I incorporate within my designs. I use to look 
at illustration as a trying and difficult feat, for my drawings would never look 
right. Instead of tirelessly working toward developing a drawing style I don’t 
have, I now encourage my simple illustrative style, much like Saul Bass. 



% j // 


Alexey Brodovitch was a Russian born designer who is best known for his lay- 
outs at Harper’s Bazaar magazine from 1934-1958. His layouts were, and still 
are, considered to have an unfailing elegance. Brodovitch was a real Casanova 
of art directors. He simply did not arrange photographs, illustrations and type 
on the page-he took an active role in commissioning all forms of graphic art. I 
hope to pursue a career in publication layout and editorial design and Alexey 
Brodovitch’s work has been instrumental in determining this. Initially, when I 
began studying design I was under the impression that the only fun and note- 
worthy career opportunities were digitally based. It was my assumption that 
there was little creative leeway to be had in laying out the various content that 
goes into a publication. After marveling at all of Brodovitch’s stunning layouts 
and his complementary image and type pairings I could not feel further from 
that naive notion. I admire the subtleties he incorporates within where a para- 
graph is placed or how that paragraphs mimics the image associated with it. 
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COLOPHON 


This book was written and designed by Elizabeth N Eckerdrt. The cover was 
letterpress printed by Ghengis Kern in Denver. This book was published by 
Yellow Dog Printers in Denver. Yellow Dog supplied the paper that this book’s 
interior is printed on: Mohawk’s Loop Smooth Line 80 pound text . The cover 
page is Neenah’s Touche line, color black. 

typefaces 

Lulo Clean was designed by Yellow Design Studio. The family has ten weights. 

Adobe Garamond is based upon the typefaces first created by the famed French 
printer Claude Garamond in the sixteenth century. This serif face was created 
by Robert Slimbach and released by Adobe in 1989; its italics are influenced by 
the designs of Garamond’s assistant, Robert Granjon. 

exterior container manufacturer 

David Ashley Studio 
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